﻿<script src="Scripts/pages/home.js"></script>
<div id="header" class="bar">
    Nova Software
</div>
<div id="content" style="position: absolute; top: 41px; width: 100%;">
    <div id="carousel" >
        <div id="featuresView">
            <ul id="features" class="icon-list clearfix">
                <li>
                    <div id="demoScroller">Scroll</div>
                </li>
                <li>
                    <div id="demoDialog">Dialog</div>
                </li>
                <li>
                    <div>Toolbar</div>
                </li>
                <li>
                    <div>Switch</div>
                </li>
                <li>
                    <div>Form</div>
                </li>
                <li>
                    <div>Others</div>
                </li>
                <li>
                    <div>Buttons</div>
                </li>
                <li>
                    <div>Scroll</div>
                </li>
                <li>
                    <div>Dialog</div>
                </li>
                <li>
                    <div>Toolbar</div>
                </li>
                <li>
                    <div>Switch</div>
                </li>
                <li>
                    <div>Form</div>
                </li>
                <li>
                    <div>Others</div>
                </li>
                <li>
                    <div>Buttons</div>
                </li>
                <li>
                    <div>Scroll</div>
                </li>
                <li>
                    <div>Dialog</div>
                </li>
                <li>
                    <div>Toolbar</div>
                </li>
                <li>
                    <div>Switch</div>
                </li>
                <li>
                    <div>Form</div>
                </li>
                <li>
                    <div>Others</div>
                </li>
            </ul>
        </div>
        <div style="background-color: lightcyan">
            <p>here is about page</p>
            <p>here is about page</p>
            <p>here is about page</p>
            <p>here is about page</p>
            <p>here is about page</p>
            <p>here is about page</p>
            <p>here is about page</p>
            <p>here is about page</p>
            <p>here is about page</p>
            <p>here is about page</p>
        </div>
        <div style="background-color: lightsalmon;">
            <p>contact us for more information.</p>
            <p>contact us for more information.</p>
            <p>contact us for more information.</p>
            <p>contact us for more information.</p>
            <p>contact us for more information.</p>
            <p>contact us for more information.</p>
            <p>contact us for more information.</p>
            <p>contact us for more information.</p>
            <p>contact us for more information.</p>
            <p>contact us for more information.</p>
            <p>contact us for more information.</p>
        </div>
    </div>
</div>
<div id="footer" class="bar">
    <ul class="nav3">
        <li>
            <div>Demos</div>
        </li>
        <li id="novaSoftware">
            <div>Nova</div>
        </li>
        <li>
            <div>Contact</div>
        </li>
    </ul>
</div>